<template>
    <div>
<!-- 页脚 -->
<div class="footer">
      <div class="footer-center">
        <div class="footer-top">
            <ul>
              <li><h5>关于考试</h5></li>
              <li><a href="">关于pte</a></li>
              <li><a href="">报名指南</a></li>
              <li><a href="">如何备考</a></li>
            </ul>
            <ul>
              <li><h5>PTE课程</h5></li>
              <li><a href="">全能保过班</a></li>
              <li><a href="">进阶保过班</a></li>
              <li><a href="">1v1私人定制版</a></li>
              <li><a href="">VIP保过班</a></li>
            </ul>
            <ul>
              <li><h5>APP下载</h5></li>
              <li><a href="">安卓下载</a></li>
              <li><a href="">IOS下载</a></li> 
            </ul>
            <ul>
              <li><h5>关注我们</h5></li>
              <li><a href="">微信公众号</a></li>
            </ul>
            <ul>
              <li><h5>联系我们</h5></li>
              <li><a href="">萤火虫小助手</a></li>
              <li><a href="">加入我们</a></li>
              <li><a href="">反馈意见</a></li>
            </ul>
        </div>
        <div class="footer-bot">
          <ul>
            <li><span>0423213068</span></li>
            <li><span>Fireflyenlightment@gmail.com</span></li>
            <li><span>Room 16-17, Level 5, 37 Swanston Street, Melbourne VIC 3000</span></li>
            <li><span>网站备案号： 鲁ICP备18049295号-1</span></li>
          </ul>
        </div>
      </div>
    </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			.center {
				width: 100%;
				margin: 0 auto;
			}
			
			 /* body{
				filter: grayscale(1);
			}  */

			ul {
				list-style: none;
			}
			.clearfix::after {
				content: '';
				display: block;
				clear: both;
			}
			a {
				text-decoration: none;
				color: black;
			}
/* 页脚 */
.footer{
				width: 100%;
				height: 400px;
				background-color:rgb(45, 46, 50);
			}
			.footer ul li a{
				color: #666;
			}
			 .footer-center{
				 /* margin: 0 auto;  */
				margin-top: 70px; 

			} 
			.footer-top{
				display: flex;
				justify-content: space-between;
				width: 1100px;
				margin: 0 auto;
				padding-top: 50px;
				padding-bottom: 40px;
				border-bottom: 1px solid #666;
			}
			.footer-top ul li{
				line-height: 30px;
			}
			.footer-top ul li a:hover{
				color: #fff;
			}
			.footer-top ul li:nth-child(1){
				color: #fff;
				padding-bottom: 15px;
				font-size: 20px;
			}
			.footer-bot ul li{
				color: #666;
			}
			.footer-bot{ 
				display: flex; 
				padding-left: 295px;
				line-height: 30px;
				font-size: 14px;
				padding-top: 15px;
			}
			.footer-bot ul li:nth-child(4) span{
				cursor: pointer;
			}
</style>